body,html{
     overflow: hidden  !important;
}
 #overflowTest {
    /* color: white;
     */
     padding: 15px;
     
     overflow: scroll;
        height: 100vh;
}
 .show-mobile{
     display: none;
}
 .page-name {
     margin-top: -1%;
     margin-right: 3%;
     color: whitesmoke;
}
 .blue{
     color: #0074bd;
}
.cont-logo-margin{
        margin-bottom: 20px;
    margin-top: 50px;
}
.background-wth{
      background-color: #efeeece0;
}
.page6-right-colum{
    height: 100vh;
  
    padding: 80px 20px 20px;
}
 .show-tab{
     display: none;
}
 .logo-dark-2{
     width: 100px;
     height: 50px;
}
 .show-mobile {
     display: none;
}
 hr {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 20px;
     border-top: 1px solid rgb(242 240 240 / 93%);
}

 .margin-top-10{
     margin-top: 10%;
}
 ::-webkit-scrollbar {
     width: 7px;
}
/* Track */
 ::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 5px grey;
     */
     border-radius: 10px;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
     background: rgb(109, 189, 219);
     border-radius: 10px;
}
/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #27bec6;
}
 .image-container2 {
     height: 380px;
     width: 365px;
     border-radius: 5px;
}
 .font-20{
     font-size: 20px !important;
}
 .helvetica{
     font-family:Helvetica, Arial, sans-serif !important;
}
 .vericle-middle{
     vertical-align: middle !important;
}
 .text-theme-blue {
     color: #0074bd !important;
}
 .text-theme-yellow {
     color: #fed650 !important;
}
 .text-theme-green {
     color: #0ab89d !important;
}
 .text-theme-gray {
     color: #949599 !important;
}
 .bullet-blue {
     font-size: 9px;
     color: #007bff;
     justify-content: center;
     vertical-align: middle;
}
 .carousel {
     position: relative 
}
 .hide-desktop {
     display: none;
}
 .show-desktop {
     display: block;
}
 .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden;
    /* padding: 40px;
     */
}
 .carousel-inner>.item {
     position: relative;
     display: none;
     -webkit-transition: .6s ease-in-out left;
     -o-transition: .6s ease-in-out left;
     transition: .6s ease-in-out left 
}
 .image-container {
    /* display: flex;
     */
     justify-content: center;
     align-items: center;
         height: 190px;
    margin-bottom: 15px;
}
 .carousel-inner>.item>a>img, .carousel-inner>.item>img {
     line-height: 1 
}
 @media all and (transform-3d), (-webkit-transform-3d) {
     .carousel-inner>.item {
         -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition: -o-transform .6s ease-in-out;
         transition: -webkit-transform .6s ease-in-out;
         transition: transform .6s ease-in-out;
         transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         -webkit-perspective: 1000px;
         perspective: 1000px 
    }
     .carousel-inner>.item.active.right, .carousel-inner>.item.next {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         left: 0 
    }
     .carousel-inner>.item.active.left, .carousel-inner>.item.prev {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         left: 0 
    }
     .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         left: 0 
    }
}
 .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
     display: block 
}
 .carousel-inner>.active {
     left: 0 
}
 .carousel-inner>.next, .carousel-inner>.prev {
     position: absolute;
     top: 0;
     width: 100% 
}
 .carousel-inner>.next {
     left: 100% 
}
 .carousel-inner>.prev {
     left: -100% 
}
 .carousel-inner>.next.left, .carousel-inner>.prev.right {
     left: 0 
}
 .carousel-inner>.active.left {
     left: -100% 
}
 .carousel-inner>.active.right {
     left: 100% 
}
 .carousel-control {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 15%;
     font-size: 20px;
     color: #fff;
     text-align: center;
     text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
     background-color: rgba(0, 0, 0, 0);
     filter: alpha(opacity=50);
     opacity: .5 
}
 .carousel-control.left {
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
     background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
     background-repeat: repeat-x 
}
 .carousel-control.right {
     right: 0;
     left: auto;
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
     background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
     background-repeat: repeat-x 
}
 .carousel-control:focus, .carousel-control:hover {
     color: #fff;
     text-decoration: none;
     outline: 0;
     filter: alpha(opacity=90);
     opacity: .9 
}
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
     position: absolute;
     top: 50%;
     z-index: 5;
     display: inline-block;
     margin-top: -10px 
}
 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
     left: 50%;
     margin-left: -10px 
}
 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
     right: 50%;
     margin-right: -10px 
}
 .carousel-control .icon-next, .carousel-control .icon-prev {
     width: 20px;
     height: 20px;
     font-family: serif;
     line-height: 1 
}
 .carousel-control .icon-prev:before {
     content: "\2039" 
}
 .carousel-control .icon-next:before {
     content: "\203a" 
}
 .carousel-indicators {
     position: absolute;
     bottom: 10px;
     left: 50%;
     z-index: 15;
     width: 60%;
     padding-left: 0;
     margin-left: -30%;
     text-align: center;
     list-style: none 
}
 .carousel-indicators li {
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 1px;
     text-indent: -999px;
     cursor: pointer;
     background-color: #000\9;
     background-color: rgba(0, 0, 0, 0);
     border: 1px solid #040404;
     border-radius: 10px 
}
 .carousel-indicators .active {
     width: 12px;
     height: 12px;
     margin: 0;
     background-color: #040404 
}
 .carousel-caption {
     position: absolute;
     right: 15%;
     bottom: 20px;
     left: 15%;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #fff;
     text-align: center;
     text-shadow: 0 1px 2px rgba(0, 0, 0, .6) 
}
 .carousel-caption .btn {
     text-shadow: none 
}
 @media screen and (min-width:768px) {
     .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
         width: 30px;
         height: 30px;
         margin-top: -10px;
         font-size: 30px 
    }
     .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
         margin-left: -10px 
    }
     .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
         margin-right: -10px 
    }
     .carousel-caption {
         right: 20%;
         left: 20%;
         padding-bottom: 30px 
    }
     .carousel-indicators {
         bottom: 20px;
        /* position: fixed;
         */
    }
    /* .contactUsForm{
         padding-top: 30px !important;
    }
     */
}
 .center-block {
     display: block;
     margin-right: auto;
     margin-left: auto;
}
 .pull-right {
     float: right !important 
}
 .pull-left {
     float: left !important 
}
 .hide {
     display: none !important 
}
 .logo-size {
     width: 80px;
     height: 120px;
}
 .logo-size-blue {
     width: 125px;
     height: 60px;
     margin-top: -5px;
}
 .error-message {
     color: red;
     font-size: 10px;
}
 .contact-footer {
     background-color: #c8cacd;
     position: absolute;
     bottom: 0;
     width: 100%;
     left: 0;
     right: 0 
}
 .text-blue {
     color: rgba(25, 97, 172, 255);
     font-weight: 500;
}
 .bg-blue {
     background-color: rgba(25, 97, 172, 255);
     color: whitesmoke;
}
 .product-logo-section {
     margin-top: 10%;
}
 .services-item .testimonial-line {
     width: 25px;
     opacity: 0;
     height: 3px;
     left: auto;
     position: relative;
     text-align: center;
     margin-bottom: 20px;
     background-color: #211c06;

}
.slider-for.slick-initialized{
    margin-right: -15px;
}
 .about-content {
     background-color: #efeeece0;
     height: 100vh;
    /* position: absolute;
     */
     bottom: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
    /* padding:0px 40px 0px 0px;
     */
     font-family: Helvetica !important;
}
 .p-content {
     background-color: #efeeece0;
     height: 100vh;
    /* position: absolute;
     */
     bottom: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
    /* padding:0px 40px 0px 0px;
     */
     font-family: Helvetica !important;
}
 .about-paragraph {
         font-weight: normal;
    font-size: 14px !important;
    line-height: 21px;
    font-family: Helvetica !important;
    padding: 0px 50px 5px 0px;
}
 .about-bg {
     background: url(../images/about.jpg);
     height: 100%;
     background-size: cover;
}
 .product-image1 {
     background-image: url(../images/sample.jpg);
     width: 150px;
     height: 300px;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 1;
     background-position: center center;
}
 .product-image2 {
     background-image: url(../images/sample.jpg);
     width: 150px;
     height: 300px;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 1;
     background-position: center center;
}
 .product-image3 {
     background-image: url(../images/sample.jpg);
     width: 150px;
     height: 300px;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 1;
     background-position: center center;
}
 .product-image4 {
     background-image: url(../images/sample.jpg);
     width: 150px;
     height: 300px;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 1;
     background-position: center center;
}
 .product-image5 {
     background-image: url(../images/sample.jpg);
     width: 150px;
     height: 300px;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 1;
     background-position: center center;
}
 .product-image6 {
     background-image: url(../images/sample.jpg);
     width: 150px;
     height: 300px;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 1;
     background-position: center center;
}
 .g-image1 {
     background-image: url(../images/sample.jpg);
     width: 150px;
     height: 300px;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 1;
    /* background-position: center center;
     */
}
 .image-gallery {
     margin-top: 75px;
     ;
}
 .section-image {
     position: relative;
     width: 100%;
     height: 100vh;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 1;
}
 p {
     margin-bottom: 8px !important;
}
 .download-section {
     display: flex;
     justify-content: center;
}
 .contact-section {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 1%;
}
 .location {
     width: 200px;
     height: 200px !important;
     justify-content: flex-end;
     margin-top: 1px;
     margin-left: 60%;
}
 .download-file {
     background-image: url(../images/downsample.png);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     height: 250px;
     width: 200px;
}
 .contact-margin {
    /* margin-top: 1%;
     */
     margin-bottom: 1%;
     position: inherit;
}
 @media only screen and (max-width: 1300) {
     .section-image {
         position: relative;
         width: 100%;
         height: 100vh;
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
         opacity: 1;
    }
     .logo-size {
         width: 30px;
         height: 40px;
    }
     .logo-size-blue {
         width: 80px;
         height: 40px;
    }
    /* .about-content {
         background-color: #1b5797bd;
         height: 70%;
         position: relative;
         bottom: 0;
         left: 0;
         right: 0;
         margin: 0 auto;
         padding: 40px;
    }
     */
     .about-paragraph {
        /* margin-left: 10%;
         margin-right: 10%;
         */
         font-size: 10px;
         font-family: Helvetica !important;
         padding: 10px 50px 13px 10px;
    }
     .page-name {
         text-align: center;
         color: whitesmoke;
    }
     .about-bg {
         background: url(../images/about.jpg);
         height: 100%;
         background-size: cover;
    }
     .text-download {
         color: white;
    }
}
 @media only screen and (max-width: 989px) {
     .contact-blue-bg {
         background-color :rgb(37 150 190 / 24%);
         height: 60%;
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         margin: 0 auto;
         padding:40px;
         font-family: Helvetica !important;
    }
     .about-content {
         background-color: #efeeece0;
         height: 68%;
         position: inherit;
         left: 0;
         right: 0;
         margin: 0 auto;
         padding: 25px 0px 0px 25px;
         font-family: Helvetica !important;
    }
     .p-content {
         background-color: #efeeece0;
         height: 68%;
        /* position: absolute;
         */
         bottom: 0;
         left: 0;
         right: 0;
         margin: 0 auto;
        /* padding:0px 40px 0px 0px;
         */
         font-family: Helvetica !important;
    }
     .text-theme-blue{
         color: white !important;
    }
     .font-size-20{
         font-size: 20px !important;
    }
     .main-title h5{
        /* margin-top: 50px !important;
         */
    }
     .show-tab{
         display: block;
    }
     .hide-tab {
         display: none;
    }
     .logo-dark-2 {
         width: 150px;
         height: 80px;
         margin-left: -26px;
    }
     .address-contact{
         font-size: 20px;
    }
     .download-section {
         justify-content: center;
         margin-right: 0px;
         display: block;
    }
     .location {
         width: 200px;
         height: 200px !important;
         justify-content: flex-end;
         margin-top: 1px;
         margin-left: 20%;
    }
     .contactUsForm{
         padding-top: 30px !important;
    }
     .contact-margin {
        /* margin-top: 1%;
         */
         margin-bottom: 1%;
         position: inherit;
         padding-top: 5px;
    }
}
 .text-download {
     color: white;
}
 .map-iframe {
     display: none;
}
 .download-file {
     background-image: url(../images/downsample.png);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     height: 250px;
     width: 200px;
}
 .section-image {
     position: relative;
     width: 100%;
     height: 100vh;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     opacity: 1;
}
 .logo-size {
     width: 30px;
     height: 40px;
}

 .about-bg {
     background: url(../images/DST_0060_R_Web.webp);
     height: 100%;
     background-size: cover;
    background-position-x: -480px;
    background-position-y: 23%;
    background-repeat: no-repeat;
}
 .about-bg2 {
     background: url(../images/DST_0054-_R_Web.webp);
     height: 100%;
     background-size: cover;
      background-position-x: -320px;
    background-position-y: 23%;
    background-repeat: no-repeat;
}

 .about-bg3 {
     background: url(../images/DST_9908_R_Web.webp);
     height: 100%;
     background-size: cover;
         background-position-x: -320px;
    background-position-y: 23%;
    background-repeat: no-repeat;
}

 .about-bg4 {
     background: url(../images/DST_0103_R_Web.webp);
     height: 100%;
     background-size: cover;
         background-position-x: -320px;
    background-position-y: -3%;
    background-repeat: no-repeat;
}
 .contact-section {
     font-size: 12px;
}
 .hotline {
     display: block 
}
 .contact-no {
     display: none 
}
 .image-container2 {
     height: 272px;
     width: 263px;
     color: white;
     border-radius: 5px;
}
 @media (max-width: 767px) {
     .show-mobile {
         display: none;
    }
     .page-name {
         margin-top: -1%;
         margin-right: -40%;
         color: whitesmoke;
    }
}
 @media screen and (max-width: 1000px) {
    /* .contact-footer{
         display:none 
    }
     */
     .image-center {
         display: grid;
         place-items: center;
    }
     #overflowTest {
        /* color: white;
         */
         padding: 0px;
         height: 100%;
         overflow: hidden;
         margin: 0px;
    }
     .text-download{
         color: #ffffff !important;
    }
     .main-title h2 {
         text-transform: uppercase;
         font-weight: 300;
         color: #ffffff;
         letter-spacing: 2px;
         line-height: 1.2;
         max-width: 650px;
         margin-bottom: -2rem;
         margin-left: auto;
         margin-right: auto;
         font-size: 15px;
    }
     .contact-section {
         font-size: 12px;
    }
     .image-container2 {
         height: 272px;
         width: 263px;
         color: white;
         border-radius: 5px;
    }
     .show-mobile {
         display: block;
    }
}
 @media screen and (min-width: 375px) and (max-width: 667px) {
    /* .contact-footer{
         display:none 
    }
     */
     .contact-margin {
        /* margin-top: 1%;
         */
         margin-bottom: 1%;
         position: inherit;
         padding-top: 1%;
    }
     .services-item{
         max-width: 850px;
         margin: 0 auto;
         text-align: center;
         margin-right: 0% !important;
    }
     .product-icon {
         align-items: center !important;
         text-align: center 
    }
     .padding-right-25{
         padding-right: 25px;
    }
     .about-content {
         background-color: #efeeece0;
         height: 68%;
         position: inherit;
         left: 0;
         right: 0;
         margin: 0 auto;
        /* padding: 25px 25px 25px 25px;
         */
         font-family: Helvetica !important;
    }
     .p-content {
         background-color: #efeeece0;
         height: 68%;
        /* position: absolute;
         */
         bottom: 0;
         left: 0;
         right: 0;
         margin: 0 auto;
        /* padding:0px 40px 0px 0px;
         */
         font-family: Helvetica !important;
    }
     .contactUsForm{
         padding-top: 0px !important;
    }
     .hide-mobile {
         display: none !important;
    }
     .hide-tab {
         display: block;
    }
     #overflowTest {
        /* color: white;
         */
         padding: 0px;
         height: 100%;
         overflow: hidden;
         margin: 0px;
    }
     .text-download{
         color: #ffffff !important;
    }
     .main-title h2 {
         text-transform: uppercase;
         font-weight: 300;
         color: #ffffff;
         letter-spacing: 2px;
         line-height: 1.2;
         max-width: 650px;
         margin-bottom: -2rem;
         margin-left: auto;
         margin-right: auto;
         font-size: 15px;
    }
     .contact-section {
         font-size: 12px;
    }
     .hotline {
         display: none 
    }
     .contact-no {
         display: block 
    }
     .image-container2 {
         height: 272px;
         width: 263px;
         color: white;
         border-radius: 5px;
    }
     .show-mobile {
         display: block;
    }
     .nav-right-menu {
         display: flex;
         justify-content: space-between;
         align-items: right;
    }
     .page-name {
         margin-top: -1%;
         margin-right: -50%;
         color: whitesmoke;
    }
     .logo-dark-2 {
         width: 150px;
         height: 80px;
         margin-left: 0px;
    }p
     .contact-blue-bg {
         background-color: rgb(37 150 190 / 24%);
         height: 56%;
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         margin: 0 auto;
         padding: 40px;
         font-family: Helvetica !important;
    }
}
 @media screen and (min-width: 668px) {
     .contact-no {
         display: none;
    }
     .image-container2 {
         height: 272px;
         width: 263px;
         color: white;
         border-radius: 5px;
    }
     .nav-right-menu {
         display: flex;
         justify-content: space-between;
         align-items: right;
    }
     @media screen and (min-width: 1921px) {
         .product_image_top {
             display: none !important;
        }
         .center-block {
             display: grid;
             margin-right: auto;
             margin-left: auto;
        }
    }
}
 .services-img-icon {
     justify-content: left;
     display: flex;
}
 .modal-backdrop {
     z-index: 0 !important;
}
 .product-text {
     margin-top: 5px;
     text-align: left;
     color: black;
}
 .product-icon {
     float: left !important;
}
 .product-content {
     margin-top: 20% ;
     padding: 10px 35px;
}
 .modal-content {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     pointer-events: auto;
     background-color: rgba(255, 255, 255, .8);
     background-clip: padding-box;
     border: none;
     border-radius: 0;
     outline: 0;
     left: -190px;
     z-index: 1000;
}
 .bg-blue {
     background-color: #1961AC;
     color: #fff;
     display: none;
}
 .scrollable-row {
     max-height: 593px;
    /* Adjust the desired height */
     overflow-y: auto;
}
 .product-image {
     margin-top: 20px;
}
 .product-title {
     color: #666666;
     margin-top: 10px;
}
 .product-description {
     color: #666666;
     line-height: 16px;
}
 .product-cover {
     padding-right: 30px;
}
 .logs {
     margin-left: -15px;
}
/* #services_slider .owl-dots {
     position: relative;
     bottom: 18px;
     display: block;
     text-align: center;
     width: 100%;
     left: -300px;
}
 */
 .btn-product-range, {
     display: none;
}
 .product_image img {
     width: 100% !important;
}
 .logs .animated-wrap {
     display: inline-block;
}
 .logs .animated-wrap img {
     display: inline-block;
     width: 50px;
}
 .about-paragraph li {
     padding-bottom: 6px;
}
 @media screen and (min-width: 1921px) {
     .about-pr p {
         font-size: 22px;
        /* Increase the font size as per your requirement */
    }
     .about-pr h1 {
         font-size: 26px;
        /* Increase the font size as per your requirement */
    }
     .about-pr h4 {
         font-size: 24px;
        /* Increase the font size as per your requirement */
    }
     .about-pr li {
         font-size: 22px;
        /* Increase the font size as per your requirement */
    }
}
 
 @media screen and (max-width: 1920px) {
     .about-content p, li {
         font-size: 10px;
    }
   
}
 @media screen and (min-width: 375px) and (max-width: 667px) {
     .product_image_bottom {
         display: none;
    }
     .product_image_top {
         padding: 30px;
    }
     .logs {
         margin-left: 0px !important;
    }
     .services-img-icon {
         justify-content: center;
         align-items: center;
         display: inline;
    }
     #services_slider .owl-dots {
         position: relative;
         bottom: 18px;
         display: block;
         text-align: center;
         width: 100%;
         left: -7px;
    }
     .product-text {
         margin-top: 5px;
         padding: 20px;
        /* background-color: rgba(0, 0, 0, 0.8);
         */
        /* margin-left: 30px;
         margin-right: 30px;
         */
         text-align: center;
    }
     .navbar-top-default {
         height: 60px !important;
    }
     .logo-dark {
         margin-top: -10px !important;
    }
}
 @media screen and (min-width: 668px) {
     .product_image_top {
         display: none;
    }
}
 
 .custom-img {
    height: 760px !important;
}

.responsive-image {
    height: 100% !important;
}